<template>
  <div>
    <h2>我是用户界面</h2>
    <p>你猜</p>
    <h3>userId={{ userId }}</h3>
    <h4>{{ $route.params.abc }}</h4>
  </div>
</template>

<script>
export default {
  name: 'User',
  computed: {
    userId() {
      // console.log('')
      // console.log('')
      // let router = this.$route || {}
      // console.log('routerrrrr', router);   // router
      // console.log('')
      // console.log('')
      // console.log('')
      

      let route = this.$route || {}
      // console.log('route eee', route);   // route
      let params = route.params || {}
      // console.log('params', params);
      let abc = params.abc || 'unkonw'
      // console.log('abc', abc);
      return abc
    }
  }
}
</script>